<template>
  <view class="content with-100">
    <view class="list">
        <view class="li" v-for="li in severList" @tap="toPage(li)" hover-class="hover" :key="li.name">
          <view class="text">{{ li.name }}</view>
          <text class="yzb yzb-next icon-next"></text>
        </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      severList: [
        { name: '正式工职位管理', show: true, right: true, icon: 'addr.png', url: '/pages/user/positionManagement/list' },
        { name: '日工临时工职位管理', show: true, right: true, icon: 'addr.png', url: '/pages/user/positionManagement/list' }
      ],
    }
  },
  onLoad() {},
  methods: {
    //用户点击列表项
    toPage(item) {
     uni.navigateTo({
        url: '/pages/user/positionManagement/list',
      })
    },
  },
}
</script>

<style lang="scss">

.list {
  width: 100%;
  background: #fff;
  padding: 0 30rpx;
  box-sizing: border-box;
  .li {
    height: 100upx;
    padding: 0 2%;
    border-bottom: solid 1px#F9F9F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    &:last-child {
      border-bottom: 0;
    }
    .icon {
      flex-shrink: 0;
      width: 50upx;
      height: 50upx;
      image {
        width: 50upx;
        height: 50upx;
      }
    }
    .to {
      flex-shrink: 0;
      width: 40upx;
      height: 40upx;
    }
    .icon-next {
      font-size: 40rpx;
      color: #333;
    }
  }
}
</style>
